<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
<style>
    div{
        width: 240px;
        height: 220px;
        margin: 550px 900px;
        position: relative;
        border-radius: 7px 7px 7px 7px;
        border: 1px solid rgb(192, 192, 192);
        
    }
    .one{
        display: inline-block;
        width: 240px;
        height: 130px;
        background-image: url(imag/tup25.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 7px 7px 0px 0px;
    }
    .one:hover{
        background-size: 245px,135px;
        transition-property: background-size;
        transition-timing-function: ease-in-out;
        transition-duration: 100s;
        
    }
    .two{
        display: inline-block;
        width: 195px;
        height: 50px;
        position: absolute;
        bottom: 20px;
        left: 23px;
        text-align: left;
        text-decoration: none;
        outline: none;
        font-size: 15px;
        color: rgb(37, 37, 37);
       
        
    }
    .two:hover{
        color: red;
    }
</style>
</head>
<body>
    <div>
        <a href="https://v.cctv.com/2025/01/22/VIDEYEmYeJNSnamtazyircOT250122.shtml?spm=C96370.PPDB2vhvSivD.ExOEhd2x3uhN.10" class="one"></a>
        <a href="https://v.cctv.com/2025/01/22/VIDEYEmYeJNSnamtazyircOT250122.shtml?spm=C96370.PPDB2vhvSivD.ExOEhd2x3uhN.11" class="two">《这世界我拼过》用歌声点燃 追梦旅程</a>
    </div>
</body>
</html>